*{margin: 0;padding: 0;}
li{list-style: none;}
a{text-decoration: none;color: black;}
.header{border: 1px red solid;width: 100%;overflow: hidden;}
/* 第一个盒子 */
.headOne{border: 0px green solid;width: 100%;height: 45px;background-color: #002A4A;}
.head_one{border: 0px red solid;width: 1100px;height: 45px;line-height: 45px; margin: 0 auto;display: flex;justify-content: left;}
.one_span1{border: 0px red solid;width: 60%;display: block;}
.one_span1 img{width: 20px;margin:12px 0 0 5px;}
.one_span2{width: 20%;height: 43px; display: flex;justify-self: left;color: white;line-height:45px ;text-align: center;}
.one_span2 img{width: 25px;height: 35px; margin:3px 5px 0 3px;}
.one_span3{width: 20%;height: 43px; display: flex;justify-self: left;color: white;line-height:45px ;text-align: center;}
.one_span3 img{width: 25px;height: 35px; margin:3px 5px 0 3px;}

/* 第二个盒子 */
.headTwo{width: 100%;height: 100px;background-color: #F0F0F0;}
.head_two{width: 1100px;height: 100px;line-height: 45px;margin: 0 auto;display: flex;justify-self: left;}
.two_left{width: 60%;height: 100px;}
.two_left img{height: 98px;}
.two_right{width: 40%;height: 100px;}
.right_ul li{float:left;width: 24%;height: 100px;line-height: 100px;text-align:center;font-weight: bold;}
/* 第三个盒子 */
.headThree{border: 0px red solid;width: 100%;height: 500px;background-image: url('../img/2.png');background-repeat: no-repeat;background-size: 100% 500px;}
.head_three{border: 0px red solid; width: 1100px;height: 600px; margin: 0 auto;}
.three_one{border: 0px red solid;width: 80%;margin: 0 auto;height: 120px;text-align: center;padding-top: 50px;}
.three_one p{color: white;}
.three_one p:first-child{font-size: 44px}
.three_two{border: 0px red solid;width: 400px;height: 32px; margin: 0 auto;background-color: rgba(255,255,255, 0.8);padding: 10px;}
.three_two input{border: 0px red solid;width: 323px;height: 30px;border-radius: 5px;padding-left: 5px;}
.three_two button{border: 0px red solid;width: 70px;height: 30px;border-radius: 10px;margin-left: -3px;background-color: #FF9B11;font-weight: bold;}
.three_three{margin-top: 80px;font-size: 12px; color: white;text-align: center;}
/* 尾部 */
.footer{width: 100%;background-color: #26232C;margin: 0 auto;}
.foot{width: 1100px;margin: 0 auto;display: flex;padding: 20px;}
.jindutiao{border-bottom: 5px solid #ccc;padding-bottom: 10px;margin-bottom: 10px;}
.jindutiao span{border-bottom: 5px sandybrown solid;padding-bottom: 10px;font-weight: bold;color: #fff;}
.foot_one,.foot_two,.foot_three{width: 340px;}
.foot_two{margin: 0 20px;}
.foot_one p{ color:#888}
.foot_two p{color: #888;}
.foot_two input{background-color: #26232C; color: #888;width: 250px;height: 30px;line-height: 30px;border: #888 1px solid;text-indent: 2em;margin-top: 20px;}
.foot_two button{display: block;color: #F0F0F0;background-color: #FF9B11;height: 40px;width: 150px;margin-top: 15px;}
.foot_three_div{display: flex;margin-top: 20px;}
.foot_three_div div{width: 80px;margin-right: 8px;}
.foot_three_div div img{width: 100%;}


@media (max-width:1100px){
	.header{border: 1px solid red;width: 480px;margin: 0 auto;}
	.headOne{height: 100px;margin: 0 auto;}
	.head_one{height: 100px;display: flex;flex-wrap: wrap;margin: 0 auto;border: 1px red solid;}
	.one_span1{width: 75%;}
	.one_span2{margin-left: 100px;}
	.headTwo{height: 200px;margin: 0 auto;}
	.head_two{height: 120px; display: flex;flex-wrap: wrap;margin: 0 auto;}
	.two_left{width: 100%;margin: 0 auto;}
	/* .two_right{width: 51%;margin: 0 auto;} */
	.three_one{border: px red solid;width: 480px;height: 200px; margin:0 ;}
	.three_one p:first-child{display: flex;flex-wrap: wrap;}
	.three_one p:last-child{text-align: center;}
	.three_two{border: 0px red solid;width: 460px;height: 60px; margin:0 ;display: flex;flex-wrap: wrap;}
	.three_two input{width: 500px;}
	.three_two button{margin: 0 auto;}
	.three_three{width: 480px; text-align: center;margin:50px 0;}
	/* 尾部 */
	.footer{width: 480px;margin: 0;border: 1px solid red;margin: 0 auto;}
	.foot{display: block;width: 480px;margin: 0;}
	.foot_one,.foot_two,.foot_three{margin: 10px auto;}
	.foot_three_div{display: block;}
	.foot_three_div div img{width:300px;margin-bottom: 20px;}
}

